import * as React from 'react';
import './index.scss';
const obj = {
  book1: `url(${require("$img/back/book1.jpg")})`,
  book2: `url(${require("$img/back/book2.jpg")})`
};



 

class NotFound extends React.Component{
  constructor(props) {
    super(props);
    this.state = {
      num: '',
      h :''
    };

  }
 
  render() {
    return (
      <div className="react-wrap g-col" >
        {/* 右侧 悬浮图片 */}
        <section className="fixed-box">
          <img src={require("$img/back/timg.jpg")} alt="" onClick={()=>{
            this.props.history.push('/');
          }} />
        </section>
        <section className="react-header" style={{'backgroundImage':obj.book1}} onClick={()=>{
          window.location.href='https://www.cnblogs.com/lcchuguo/p/4505752.html'
        }}>
          <h4 className="title">HTML简单介绍及举例</h4>
          <p>超文本标记语言(Hyper Text Markup Language，简称HTML)是为“网页创建和其他可在网页浏览器中看到的信息”设计的一种标记语言。HTML被用来结构化信息，也可用来在一定程度上描写叙述文档的外观和语义。它是通向WEB技术世界的钥匙。</p>
        </section>
        <section className="react-main" style={{'backgroundImage':obj.book2}}>
          <section className="list-box">
          web（World Wide Web）即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。
          </section>
        </section>
      </div>
    );
  }
}

export default NotFound;
